<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-医疗器械注册证维护</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">医疗器械注册证维护</a></li>
            </ol>
            <h3 class="current_module">医疗器械注册证维护</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content" id="idvue">
        <div class="business-info col-md-12">
            <div class="fheader">
                <h2 class="h2_deal">注册证<span>【鲁食药监械(准)字2010第2660036号】</span>已提供给 <i>3</i> 家医疗机构在业务中使用</h2>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <table class="table table-route">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>差异对比</th>
                            <th>医疗机构</th>
                            <th>业务状态</th>
                            <th>变更状态</th>
                            <th>最后变更时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>01</td>
                            <td>
                                <img src="images/m1_15.png">
                            </td>
                            <td>北京大学人民医院</td>
                            <td>有效</td>
                            <td>已通过</td>
                            <td>2016-01-01 08:30</td>
                            <td>
                                <div class="from-button">
                                    <a href="javascript:;" class="green-button">变更详情</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>02</td>
                            <td>
                                <img src="images/m1_03.png">
                            </td>
                            <td>北京大学人民医院</td>
                            <td>有效</td>
                            <td class="b_type2">审核中</td>
                            <td>2016-01-01 08:30</td>
                            <td>
                                <div class="from-button">
                                    <a href="javascript:;" class="green-button">变更详情</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>03</td>
                            <td>
                                <img src="images/m1_03.png">
                            </td>
                            <td>北京大学人民医院</td>
                            <td>有效</td>
                            <td class="b_type1">已驳回</td>
                            <td>2016-01-01 08:30</td>
                            <td>
                                <div class="from-button">
                                    <a href="javascript:;" class="green-button">变更详情</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="table-page">
                    <a href="">上一页</a>
                    <a href="">下一页</a>
                    <span>第<i>1</i>页</span>
                    <span>共<em>2</em>页</span>
                </div>
            </div>
        </div>
        <div class="file_map">
            <ul class="file_link">
                <li class="first_li">审核资料流程</li>
                <li>
                    <span><i>已提交</i></span>
                    <dl>
                        <dt></dt>
                        <dd>
                            <b>运营商</b>
                            <p>深圳传世般若科技有限公</p>
                        </dd>
                    </dl>
                </li>
                <li>
                    <span><i>审核中</i></span>
                    <dl>
                        <dt></dt>
                        <dd>
                            <b>配送商</b>
                            <p>北京医药股份有限公司</p>
                        </dd>
                    </dl>
                </li>
                <li class="active">
                    <span><i>已通过</i></span>
                    <dl>
                        <dt></dt>
                        <dd>
                            <b>医疗机构</b>
                            <p>北京大学人民医院</p>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <form class="layui-form">
            <div class="h_logo_content">
                <div class="h_logo_con">
                    <div class="rela_img h_logo">
                        <img src="images/h_logo.png" alt="">
                    </div>
                    <b>北京大学人民医院</b>
                    <span>专属的业务资料</span>
                </div>
                <div class="license_btn mt-5" style="width: 582px">
                    <span class=" update-btn " title="">修改<i>|</i></span>
                    <span class=" void-btn" title="">作废<i>|</i></span>
                    <span class=" save-btn " title="">保存<i>|</i></span>
                    <span class=" sub-btn " title="">提交<i>|</i></span>
                    <span class=" show-btn" title="">显示原内容</span>
                </div>
            </div>
            <!-- 联系方式 -->
            <div class="business-info col-md-12">
                <div class="fheader fheader01">
                    <span class="tips fr ml-40">*为必填项    <i>桔色内容</i>为变更提醒</span>
                    <label class="checkbox-inline fr">
                        <input type="checkbox" id="agree" name="agree"> 
                        <span>将变更结果同步提交给所有医疗机构审核</span>
                    </label>
                </div>
                <div class="bd-lft" style="padding-left: 435px;">
                    <div class="main" style="border-left: 4px solid #00aaeb; padding-left: 28px;">
                        <!-- 关联产品信息 -->
                        <div class="business-info">
                            <div class="fheader" style="margin-bottom: 0;">
                                <h4 class="fh-tit fh-linked">关联产品信息</h4>
                                <!--<div class="stretch ml-20">
                                    <div class="stretch-push"></div>
                                </div>-->
                            </div>
                            <div class="fpart pull1">
                                <table class="table table-1 package-table table-linked" style="text-align: left;">
                                    <thead>
                                        <tr>
                                            <th style="width: 25%">产品名称</th>
                                            <th style="width: 40%">规格</th>
                                            <th style="width:25%;">生产厂商</th>
                                            <th style="width: 10%">生产来源</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <i>01</i>
                                                <p class="font-blue">一次性使用无菌注射器</p>
                                                <span>苏食药监械(准)字2014第2670015号</span>
                                            </td>
                                            <td>
                                                <span>1mL、2mL、2.5mL、3mL、5mL、6mL、10mL、12mL、20mL、25mL、30mL、50mL、60mL、100mL,分不带针型和带针型,注射针：0.4、0.45、0.5、0.55、0.6、0.7、0.8、0.9、1.1、1.2mm、5mL、6mL、10mL</span>
                                            </td>
                                            <td>江苏苏云医疗器材有限公司</td>
                                            <td class="tac">国产</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- 关联商品信息 -->
                        <div class="business-info">
                            <div class="fheader" style="margin-bottom: 0;">
                                <h4 class="fh-tit fh-linked">关联商品信息</h4>
                                <!--<div class="stretch ml-20">
                                    <div class="stretch-push"></div>
                                </div>-->
                            </div>
                            <div class="fpart pull1">
                                <table class="table table-1 package-table table-linked">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>商品编号</th>
                                            <th>商品名称</th>
                                            <th>规格</th>
                                            <th>生产厂商</th>
                                            <th>生产来源</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>01</td>
                                            <td>S0001</td>
                                            <td>一次性使用无菌注射器</td>
                                            <td>1ml</td>
                                            <td>江苏苏云医疗器材有限公司</td>
                                            <td>国产</td>
                                        </tr>
                                        <tr>
                                            <td>02</td>
                                            <td>S0002</td>
                                            <td>一次性使用无菌注射器</td>
                                            <td>1ml</td>
                                            <td>江苏苏云医疗器材有限公司</td>
                                            <td>国产</td>
                                        </tr>
                                        <tr>
                                            <td>03</td>
                                            <td>S0003</td>
                                            <td>一次性使用无菌注射器</td>
                                            <td>1ml</td>
                                            <td>江苏苏云医疗器材有限公司</td>
                                            <td>国产</td>
                                        </tr>
                                        <tr>
                                            <td>04</td>
                                            <td>S0004</td>

                                            <td>一次性使用无菌注射器</td>
                                            <td>1ml</td>
                                            <td>江苏苏云医疗器材有限公司</td>
                                            <td>国产</td>
                                        </tr>
                                        <tr>
                                            <td>05</td>
                                            <td>S0005</td>

                                            <td>一次性使用无菌注射器</td>
                                            <td>1ml</td>
                                            <td>江苏苏云医疗器材有限公司</td>
                                            <td>国产</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <!--<div class="table-page">
                                    <a href="">上一页</a>
                                    <a href="">下一页</a>
                                    <span>第<i>1</i>页</span>
                                    <span>共<em>2</em>页</span>
                                </div>-->
                            </div>
                        </div>
                    </div>

                    <div class="aside" style="width: 405px; left: -435px;">
                        <form class="layui-form">
                            <div class="business-info">
                                <div class="fheader">
                                    <h4 class="fh-tit fh-notes">注册证基本信息</h4>
                                </div>
                                <div class="fpart pull1">
                                    <div class="row">
                                        <div class="col-md-12 col-lg-12">
                                            <div class="input-group">
                                                <span class="input-group-addon" id="basic-addon1">注册证产品名称</span>
                                                <input type="text" class="form-control" placeholder="" name="firstname">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-lg-12">
                                            <div class="input-group">
                                                <span class="input-group-addon" id="basic-addon1">注册证号</span>
                                                <input type="text" class="form-control" placeholder="" name="firstname">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-lg-12">
                                            <div class="input-group">
                                                <span class="input-group-addon" id="basic-addon1">生产厂商</span>
                                                <i class="contrast"></i><input type="text" class="form-control" placeholder="" name="companytel" data-old="333厂商" data-oldb="111厂商" value="666厂商">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-lg-12">
                                            <div class="input-group check-group">
                                                <span class="input-group-addon" id="basic-addon1">生产来源</span>
                                                <label class="radio-inline">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="1"  checked="checked">
                                        <span>国产</span>
                                    </label>
                                                <label class="radio-inline">
                                        <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="2">
                                        <span>进口</span>
                                    </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 col-lg-12">
                                            <div class="box_date">
                                                <span class="" id="basic-addon1" style="width: 20%; border-left: 1px solid #ccc; border-radius: 8px 0 0 8px;">有效期</span>
                                                <input type="text" placeholder="开始时间" name="date" action="date" style="width: 36%; border: 0;">
                                                <span class="text-and">—</span>
                                                <input type="text" placeholder="结束时间" name="date" action="date" style="width: 36%;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="fl_regis_img clearfix bd-gray2">
                                        <div class="row">
                                            <div class="col-md-3 col-lg-3">
                                                <div class="rela_img">
                                                    <img src="images/img3_03.png" alt="">
                                                </div>
                                                <div class="license-btn">
                                                    <span class="fbtn modify-btn w-50" title="打开"><i>|</i></span>
                                                    <span class="fbtn magnify-btn w-50" title="放大"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="rela_img">
                                                    <img src="images/img3_03.png" alt="">
                                                </div>
                                                <div class="license-btn">
                                                    <span class="fbtn modify-btn w-50" title="打开"><i>|</i></span>
                                                    <span class="fbtn magnify-btn w-50" title="放大"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="rela_img">
                                                    <img src="images/img3_03.png" alt="">
                                                </div>
                                                <div class="license-btn">
                                                    <span class="fbtn modify-btn w-50" title="打开"><i>|</i></span>
                                                    <span class="fbtn magnify-btn w-50" title="放大"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="rela_img">
                                                    <!--<img src="images/img3_03.png" alt="">-->
                                                </div>
                                                <div class="license-btn">
                                                    <span class="fbtn modify-btn w-50" title="打开"><i>|</i></span>
                                                    <span class="fbtn magnify-btn w-50" title="放大"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <p class="tips font-blue clearfix">照片大小小于1M，与原件大小比例为1：1</p>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <div class="contrastbox hide">
        <p>标准内容<i>张小微</i></p>
        <p>变更内容<i>张小微</i></p>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <!--vue -->
    <script type="text/javascript" src="lib/vue.min.js"></script>
    <script type="text/javascript" src="lib/vue-filter.min.js"></script>
    <script type="text/javascript" src="js/vue/vue_components.js"></script>
    <script type="text/javascript" src="js/components/gyyspgxj1_8.js"></script>
    <!--end vue-->
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
</body>

</html>